.contain {
  margin: .4rem .25rem;
  height: calc(100% - 1.62rem);
  width: calc(100% - .5rem);
  background-image: url('../img/bg1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.left-block {
  width: 2.5rem;
  margin: .2rem;
  background-color: rgba(40, 65, 83, 0.9);
}

.right-block {
  width: calc(100% - 2.5rem - .4rem - .3rem);
  padding-top: .25rem;
  padding-right: .3rem;
  display: flex;
}

.search-content {
  height: calc(100% - .4rem - .2rem);
  padding-top: .2rem;
}

.oil-list {
  width: 2.5rem;
  box-shadow: 1px 2px 6px #000;
  margin: 0 .2rem .2rem 0;
  padding: 0.1rem;
  overflow: auto;
}

.table-block {
  width: calc(100% - 3rem);
}

.oil-item {
  width: calc(100% - 0.2rem);
  padding: 0.05rem 0.1rem;
  background: linear-gradient(to right, #0006, #122936);
  cursor: pointer;
  border-radius: 0.02rem;
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.06rem;
}

.oil-item.active {
  background: linear-gradient(to right, #045c9166, #54bfff99);
  color: #8bd0ed;
  border-left: 2px solid #4c96b3;
  box-shadow: 0 0px 10px #000 !important;
}

.oil-item:hover {
  /* border-left: 2px solid #4c96b3; */
  box-shadow: 1px 2px 10px #000;
}

.oil-item::before {
  height: 0.32rem;
  width: 0.32rem;
  background-image: url('../img/icon15.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  margin-right: 0.04rem;
}